<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>琅音</title>
    <link type="text/css" rel="stylesheet" href="./css/comment.css">
     <!-- 搜索歌曲显示模板 -->
     <script type="text/html" id='searchTempalte'>  
        <li class='searchItem'>
            <img src="{{img_url}}">
            <p>{{song}}</p>
            <p>{{singer}}</p>
            <span>{{mid}}</span>
            <span>{{filemid}}</span>
        </li>
    </script>
    <!-- //播放界面的歌曲模板 -->
    <script type="text/html" id='playTempalte'>
        <li class='musicItem narrow'>
            <img src="{{img_url}}" alt="">
            <p>{{song}}</p>
            <p>{{singer}}</p>
        </li>
    </script>
    <script type="text/javascript" src="./js/JQuery.js"></script>
    <script type="text/javascript" src="./js/mo.js"></script>
    <script type="text/javascript" src="./js/tempalte.js"></script>
    <script type="text/javascript" src="./js/Player.js"></script>
    <script type="text/javascript" src="./js/Progress.js"></script>
    <script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
    <div class='nav'>
        <input type="text" id="searchTxt">
        <span id='searchBotton' class='bg'></span>
    </div>
	<div class='main'>
        <div class="searchBox">
            <ul class="searchList">
            </ul>
        </div>
        <div class="foot">
            <span class="preBotton"></span>
            <span class="nextBotton"></span>
            <img class="playBotton" src="./img/icon.jpg"></img>
            <span class="playBottonMark"></span>
        </div>
    </div>
    <div class='play'>
        <div class="musicBox">
            <ul class='musicList'></ul>
        </div>
        <div class='buttonBox'>
            <div class='progress'>
                <div class='progressbox'>
                    <div class='progressBar'></div>
                    <div class='progressIn'></div>
                    <div class='progressSpot'></div>
                </div>
                <span class='startTime'>00:00</span>
                <span class='totalDuration'>00:00</span>
            </div>
            <div class='button'>
                <p class='buttonPre'></p>
                <p class='buttonNext'></p>
                <p class='buttonPlay'></p>
            </div>
        </div>
    </div>
    <div class='popup'></div>
    <audio src="" ></audio>
</body>
</html>